<!DOCTYPE HTML>
<html lang="en">
<head>
  {% block head %}
  <title>{% block subtitle %}{% endblock %} - Bubble</title>
  <link rel="stylesheet" href="{{ url_for('static', filename='bower_components/bootstrap/dist/css/bootstrap.min.css')}}">
  <link rel="stylesheet" href="{{ url_for('static', filename='style/css/style.css')}}">
  <link rel="stylesheet" href="http://apps.bdimg.com/libs/fontawesome/4.2.0/css/font-awesome.min.css">
  <!--<link rel="stylesheet" href="{{ url_for('static', filename='bower_components/bootstrap/dist/css/bootstrap-theme.min.css')}}">-->
  <script src="{{ url_for('static', filename='bower_components/jquery/dist/jquery.min.js')}}"></script>
  <script src="{{ url_for('static', filename='bower_components/bootstrap/dist/js/bootstrap.min.js')}}"></script>
  {% endblock %}
</head>
<body>
  {% from "snipple/macro.html" import navigation with context%}
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>
      <div class="collapse navbar-collapse">
        {% block nav %}
          {{ navigation() }}
        {% endblock %}
      </div>
    </div>
  </nav>
  {% block main %}
  <div class="container">
    <div class="row">
      <div class="col-md-8">
        {% block content %}{% endblock %}
      </div>
      <div class="col-md-4">
        {% block sidebar %}{% endblock %}
      </div>
    </div>
  </div>
  {% endblock %}
  <!--
  <div id="footer">
    {% include "snipple/footer.html" %}
  </div>
  -->
  </div>
</body>
</html>
